<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Projet - Groupe 6</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/example1.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" />
</head>

<body>
<div id="main">
  <div class="container">
    <div id="header">
      <ul id="menu">
        <li><a href="directives.html">Directives</a></li>
        <li><a href="">Outils et Libraires</a></li>
        <li><a href="">Stockage</a></li>
        <li><a href="">Affichage</a></li>
        <li><a href="">Groupe 6</a></li>
      </ul>
      <div id="logo">
        <h1>Projet - Groupe 6</h1>
    </div>


    		<div id="block_content">

            	<div id="content_area" class="block">
                    <div class="block_inside">

                        <h4>Visualisation</h4>
    					<h2>Jquery</h2>
                        <br />
                        <p>Voila quelques examples de Jquery </p>
						<h3>Le premier</h3>
						<p> Si on click sur Click me, le carre va disparer </p>
						
						<div id="example1"></div>
						<a href="#">Click me</a>

						<p>
						Le code
						<pre><code>
$(function(){
	$('a').click(function()
	{
		$('#example1').fadeOut();
	});
});

//fadeOut('slow')  fadeOut('normal')  fadeOut('fast')  fadeOut(5000)
</code></pre>



				
						</p>
						
						

                    </div>
                 </div>
                 <div id="sidebar">
     				<img src="images/ribbon_navigation.png" class="ribbon" alt="Featured Project"/>
                 	<div class="block_inside">

                    	<h3>Services</h3>

                        <ul>
                        	<li><a href="">Branding</a></li>
                        	<li><a href="">Graphic Design</a></li>
                        	<li><a href="">Web Development</a></li>
                        	<li><a href="">Marketing</a></li>
						</ul>  

                        <h3>Related Portfolio Items</h3>

                        <ul>
                        	<li><a href="">Eden Branding</a></li>
                        	<li><a href="">FlashDen Logo Design</a></li>
                        	<li><a href="">PSDTUTS Website</a></li>
						</ul>  

                    </div>
                 </div>

                 <!-- a Clearing DIV to clear the DIV's because overflow:auto doesn't work here -->
                 <div style="clear:both"></div>

            </div>


    
  </div>
</div>
<div id="footer">
  <div class="container">
    <div class="footer_column long">
      <h3>Designed by Collis Ta'eed, do with this as you please</h3>
      <p>You can read a photoshop tutorial for creating the design at <a href="http://psdtuts.com">PSDTUTS</a>, You can read a PS->HTML tutorial for creating the site at <a href="http://nettuts.com">NETTUTS</a> and you can learn how to turn the HTML into a WordPress theme in the upcoming book <a href="http://freelanceswitch.com/book">How to be a Rockstar WordPress Designer</a></p>
    </div>
    <div class="footer_column">
      <h3>More Links</h3>
      <ul>
        <li><a href="http://vectortuts.com">VECTORTUTS</a></li>
        <li><a href="http://activeden.net">FlashDen</a></li>
        <li><a href="http://audiojungle.net">AudioJungle</a></li>
        <li><a href="http://freelanceswitch.com">FreelanceSwitch</a></li>
        <li><a href="http://faveup.com">FaveUp</a></li>
      </ul>
    </div>
    <div class="footer_column">
      <h3>RSS</h3>
      <ul>
        <li><a href="">RSS Feed</a></li>
        <li><a href="">What is RSS?</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>
